<!-- 实名认证详情 -->
<template>
  <div class="RealNameInfoDataPage">
    <NavBarHeader class="navBarHeader"></NavBarHeader>
    <div class="container">
      <el-breadcrumb separator="/" class="titleBread">
      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item :to="{ path: '/personal',query:{navBarIndex:1} }">个人中心</el-breadcrumb-item>
      <el-breadcrumb-item>实名认证</el-breadcrumb-item>
      </el-breadcrumb>
      <img src="./../../../../../public/img/personal/realNameImg.png" class="realNameImg">
      <div class="listData">
        <div class="titleInfo">您已实名认证</div>
        <div class="titleName">{{infoData.name}}</div>
        <div class="titleNum">{{infoData.sfzh}}</div>
      </div>
    </div>
  </div>
</template>

<script >
import NavBarHeader from "../../../../components/NavBarHeader";
import {getMyinfo} from './../../../../apis/api'
export default {
// import引入的组件需要注入到对象中才能使用
components: {NavBarHeader},
  data() {
 // 这里存放数据
    return {
      infoData:{},
    }
  },
// 过滤器
filters: {},
// 监听属性 类似于data概念
computed: {},
// 监控data中的数据变化
watch: {},
// 方法集合
methods: {
  // *号
  changeName() {
    var char = '***************';
    var  card= this.card.substr(0, 1) + char + this.card.substr(17, 4);
    this.card  = card
  },
  // 获取信息
  async getMyinfo(){
    let res = await getMyinfo()
    if(res.data.result == '1'){
      this.infoData = res.data.body
    }
  }
},
// 生命周期 - 创建完成（可以访问当前this实例）
created() {
  this.getMyinfo()
  // this.changeName()
},
// 生命周期 - 挂载完成（可以访问DOM元素）
mounted() {},
beforeCreate() {}, // 生命周期 - 创建之前
beforeMount() {}, // 生命周期 - 挂载之前
beforeUpdate() {}, // 生命周期 - 更新之前
updated() {}, // 生命周期 - 更新之后
beforeDestroy() {}, // 生命周期 - 销毁之前
destroyed() {}, // 生命周期 - 销毁完成
ctivated() {} // 如果页面有keep-alive缓存功能，这个函数会触发
}
</script>

<style lang='scss' scoped>
.RealNameInfoDataPage{
  background-color: #F0F2F5;
}
.container{
  width: 1180px;
  height: 100vh;
  background-color: #fff;
  padding-top: 90px;
  box-sizing: border-box;
  margin: 0 auto;
}
.titleBread{
  margin-left: 30px;
}
.navBarHeader{
  background: #1c1e2b;
  z-index: 1000;
}
.realNameImg{
  margin-top: 34px;
  margin-left: 18px;
}
.listData{
  width: 1120px;
  height: 120px;
  background: #F5F7FA;
  border-radius: 4px;
  margin: 20px auto 0 auto;
}
.titleInfo{
  font-size: 16px;
  color: #333;
  font-weight: 600;
  margin-left: 10px;
  padding-top: 25px;
}
.titleName{
  font-size: 16px;
  color: #333;
  margin-left: 10px;
  margin-top: 5px;
}
.titleNum{
  font-size: 12px;
  color: #999;
  margin-left: 10px;
  margin-top: 5px;
}
</style>
